<html>
<head><title>Page with dynamic insecure content</title>

<script>
  function loadBadImage() {
    var image = document.getElementById("my_image");
    image.src = "http://REPLACE_WITH_HOST_AND_PORT/ssl/google_files/logo.gif";
    checkForLoadFinished();
  }

  function checkForLoadFinished() {
    var image = document.getElementById("my_image");
    if (image.complete) {
      document.getElementById("status_text").innerHTML = "Bad image loaded";
      window.domAutomationController.send(true);
    } else {
      setTimeout("checkForLoadFinished()", 500);
    }
  }
</script>

</head>
<body>

This page has some java-script that loads some insecure content.
<br><br>
You can also press the button below to load the image.
<br>
<input type=button value="Load image" onclick="loadBadImage();"></input>

<div id="status_text">Contents is OK</div>
<img id="my_image" src=""/>


</body>
</html>
